<!--
 * @Description: 
 * @Author: Ag
 * @LastEditors: Ag
 * @LastEditTime: 2024-02-19 14:57:29
 * Copyright (c) 2023 by CIGLINK, All Rights Reserved. 
-->
<template>
  <transition name="fade-slide" mode="out-in" appear>
    <section class="wh-full overflow-auto flex-col bg-[#f5f6fb] p-24 dark:bg-hex-121212">
      <slot />
      <AppFooter v-if="showFooter" mt-15 />
      <n-back-top :bottom="20" z-9 />
    </section>
  </transition>

  <n-watermark
    v-if="watermark"
    :content="name"
    cross
    fullscreen
    :font-size="16"
    :line-height="16"
    :width="300"
    :height="300"
    :x-offset="12"
    :y-offset="60"
    :rotate="-15"
  />
</template>

<script setup lang="ts">
import { storeToRefs } from 'pinia'
import { useUserStore } from '@/store'

const { name } = storeToRefs(useUserStore())

defineProps({
  showFooter: {
    type: Boolean,
    default: false
  },
  watermark: {
    type: Boolean,
    default: false
  }
})
</script>
